<template>
    <div>
        {{ rate }}
    </div>
</template>

<script setup>
import {defineProps, computed} from 'vue'

let props = defineProps({
    value: Number
})

let rate = computed(()=>'★★★★★☆☆☆☆☆'.slice(5-props.value,10-props.value))
</script>

<style lang="css" scoped>

</style>